<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>example</title>
		<link rel="stylesheet" type="text/css" href="../build/bootstrap/css/bootstrap.css" />
		<script src="../build/jquery/jquery-3.0.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="../build/bootstrap/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">

		</style>
	</head>

	<body>
		<div class="container">
			<div class="row">
				<nav>
					<ul class="nav nav-tabs">
						<li role="presentation" class="active">
							<a href="#">Home</a>
						</li>
						<li role="presentation">
							<a href="#">Profile</a>
						</li>
						<li role="presentation">
							<a href="#">Messages</a>
						</li>
					</ul>
				</nav>
			</div>
			<div class="row" role="navigation">
				<ul class="nav nav-pills">
					<li role="presentation" class="active">
						<a href="#">Home</a>
					</li>
					<li role="presentation">
						<a href="#">Profile</a>
					</li>
					<li role="presentation">
						<a href="#">Messages</a>
					</li>
				</ul>
			</div>
			<div class="row" role="navigation">
				<ul class="nav nav-pills nav-stacked">
					<li role="presentation" class="active">
						<a href="#">Home</a>
					</li>
					<li role="presentation">
						<a href="#">Profile</a>
					</li>
					<li role="presentation">
						<a href="#">Messages</a>
					</li>
				</ul>
			</div>
			<div class="row" role="navigation">
				<ul class="nav nav-tabs nav-justified">
					<li role="presentation" class="active">
						<a href="#">Home</a>
					</li>
					<li role="presentation">
						<a href="#">Profile</a>
					</li>
					<li role="presentation">
						<a href="#">Messages</a>
					</li>
				</ul>
				<br>
				<ul class="nav nav-pills nav-justified">
					<li role="presentation" class="active">
						<a href="#">Home</a>
					</li>
					<li role="presentation" class="disabled">
						<a href="#">Profile</a>
					</li>
					<li role="presentation">
						<a href="#">Messages</a>
					</li>
				</ul>
			</div>
			<div class="row" role="navigation">
				<ul class="nav nav-tabs nav-justified">
					<li role="presentation" class="active">
						<a href="#">Home</a>
					</li>
					<li role="presentation">
						<a href="#">Help</a>
					</li>
					<li role="presentation" class="dropdown">
						<a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
							Dropdown <span class="caret"></span>
						</a>
						<ul class="dropdown-menu">
							<li>
								<a href="#">Action</a>
							</li>
							<li>
								<a href="#">Another action</a>
							</li>
							<li>
								<a href="#">Something else here</a>
							</li>
							<li role="separator" class="divider"></li>
							<li>
								<a href="#">Separated link</a>
							</li>
						</ul>
					</li>
				</ul>
			</div>

		</div>
	</body>

</html>